<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

   	<script language="JavaScript" type="text/javascript">
  function login(showhide){
    if(showhide == "show"){
        document.getElementById('popupbox').style.visibility="visible";
    }else if(showhide == "hide"){
        document.getElementById('popupbox').style.visibility="hidden"; 
    }
  }
  </script>
	
	<aside id="sidebar1" class="column">
	
	<div id="popupbox"> 


			<h2 style="margin-left: 30px;color:grey;">Sign In</h2>
			<form action="VerifyLogin" method="POST">
				<div class="module_content">
						<div style="margin-right: 3%;margin-bottom: 10px;"> 
							<label>Username:</label>
							<input type="text" name="username" >
						</div>
						<div style= "margin-right: 3%;margin-bottom: 10px;"> 
							<label>Password:</label>
							<input type="password" name="password" >
							</div><div class="clear"></div>
				</div>
			
				<div class="submit_link" style="margin-left:160px">
					<input type="submit" value="Sign In" class="alt_btn">
				</div>
				<img src="images/loginpic.png" style="height: 200px; width:400px; margin-left: 16%; margin-top: -16%;"/> 
				<div style="margin-left:710px;margin-top:10px;">
				<a href="javascript:login('hide');">Cancel</a>
				</div>
</div>
		
		
		<div class="urbangreymenu1">
		
<h3 class="headerbar">Personal Settings</h3>
<ul>
<li><div class="user">
			<p><%
				if (session.getAttribute("name") == null) {
					out.print("Not Logged In");
				} else {
					out.print(session.getAttribute("name"));
				}
			%> 
		
				<%
				if (!(session.getAttribute("role") == null)) {

					
				}
			%>
			</p>
			<!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
		</div></li><li>___________________________________</li></ul>
		<ul><%
			if(session.getAttribute("name") != null)
			{ }
			else {out.println("<li class='icn_jump_in'><a href='login.jsp'>Sign in</a></li>");}
		%>
		
</ul>

<h3 class="headerbar">Footer Manual</h3>
<ul>
<li><a href="homemain.jsp">Home </a></li>
<li><a href="PrivacyPolicy.jsp">Privacy Policy</a></li>
<li><a href="Sitemap.jsp">Sitemap</a></li>
<li><a href="http://www.nyp.edu.sg/">Nanyang Polytechnic</a></li>


</ul>



</div>
			
		
		
		
		
	</aside><!-- end of sidebar -->